<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Admin extrauth</title>
    <style>
        input {
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid darkgrey;
            margin-bottom: 5px;
        }

        .container {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        table {
            width: 800px;
            border-collapse: collapse;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            text-align: left;
        }

        th, td {
            padding-left: 15px;
            background-color: rgba(255, 255, 255, 0.2);
        }

    </style>
</head>
<body>
<div class="container">
    <h1>Manage extrauth user</h1>
    <table>
        <tbody>
        <tr>
            <td>
                <form action="/extrauth/admin">
                   <input type="hidden" name="user_id" value="Cell 1">
                    <input type="text" name="user_name" value="Cell 1">
                    <input type="text" name="passwd" value="Cell 1">
                    <input type="submit" name="update" value="update">
                    <input type="submit" name="delete" value="delete">
                </form>
            </td>
        </tr>
        <tr>
            <td colspan="3">hhhh</td>
        </tr>
        </tbody>
    </table>
</div>

<script type="text/javascript">

</script>
</body>
</html>
